﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NEWDelete.aspx.cs" Inherits="mpsalaryprojectgroup.NEWDelete" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Welcome to the PGS Portal</title>

    <link rel ="stylesheet" href= "Styles/jquery-ui-1.8.17.custom.css" type="text/css" />
    <link rel="stylesheet" href= "Styles/jquery.ui.all.css" type="text/css" />

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/sunny/jquery-ui.css" type="text/css" />
    <script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <style type="text/css">
        .style2
        {
            color: #000000;
        }
        .style3
        {
            color: #FF9933;
        }
        .style4
        {
            color: #CC6600;
        }
        .style5
        {
            color: #663300;
        }
    </style>
</head>
<body>

 <div id="dialog-confirm" title="Delete Account?">
	<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>This account will permanently deleted and cannot be recovered. Are you sure?</p>
</div>

<script type="text/javascript">
    $(function() {
           $('#showDialog').click(function () {
            $("#dialog-confirm").dialog('open');
        });

        $("#dialog-confirm").dialog({
            autoOpen: false,
            resizable: false,
            height: 260,
            modal: true,
            buttons: {
                "Delete the account": function () {
                    $(this).dialog("close");
                    $('#btnDelete').click();
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });
    });

	</script>

   

    <form id="form1" runat="server">
    <meta charset="utf-8" />
        
	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="CSS\foundation.css">
	<link rel="stylesheet" href="CSS\app.css">
    <link rel="stylesheet" href="CSS\ie.css">


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!--CSS for hover over navigation tab-->
    <link rel="stylesheet" href="CSS/Tab.css">
    <script type="text/javascript" src="dropdown_menu.js"></script>
    <script type="text/javascript">
        var websiteID = 'thedesignsuperhero.com';
    </script>
    <script type="text/javascript" src="http://analytics.hosting24.com/s.php"></script>
    <noscript>
    <a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/s.php?websiteID=thedesignsuperhero.com" alt="web hosting" /></a>
    </noscript>

       <!--Navigation tab part 2 -->
<script>
    // Javascript originally by Patrick Griffiths and Dan Webb.
    // http://htmldog.com/articles/suckerfish/dropdowns/
    sfHover = function () {
        var sfEls = document.getElementById("navbar").getElementsByTagName("li");
        for (var i = 0; i < sfEls.length; i++) {
            sfEls[i].onmouseover = function () {
                this.className += " hover";
            }
            sfEls[i].onmouseout = function () {
                this.className = this.className.replace(new RegExp(" hover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
    
    <%--<link rel="stylesheet" href="CSS\Tab1.css">--%>

    <div class="container">
		<div class="row">
			<div class="twelve columns" align="center">
				<h2><img alt="" src="Images/orangesample%20copy.jpg" /></h2>
			</div>
		</div>


       <div class="row">
        <!--for navigation tab-->
            <%--<ul id="button">

         <li><a href="#">Home</a></li>
         <li><a href="#">About</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Clients</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">F.A.Q</a></li>
         <li><a href="#">Contact Us</a></li>
         <li><a href="/NEWMainPage.aspx">Sign Out</a></li>
           </ul>--%>


       <!--Navigation part 2-->
        
		<ul id="navbar">
			<li><a href="NEWUserExportFile.aspx">Home</a>
            <!-- put link to link back to homepage -->
			</li>
                <%--<li><a href="/NEWUserExportFile.aspx">View Result</a>
				<ul>
					<li><a href="/NEWUserExportFile.aspx">Past Result</a></li>
				</ul>			
			</li>--%>
            <li><a href="NEWAnalytical.aspx">Analytical</a>
                <ul>
                    <li><a href="NEWAnalytical.aspx">Analyse</a></li>
                    <li><a href="NEWNEWReport.aspx">Report</a></li>
                </ul>
            </li>

			<li><a href="NEWContactUs.aspx">Contact Us</a>
				<!--put contact details plus google map-->		
			</li>
			<li><a href="NEWUserUpdatePage.aspx">Account</a>	
                <ul>
					<li><a href="NEWUserUpdatePage.aspx">Update Account</a></li>
                    <li><a href="NEWDelete.aspx">Delete Account</a></li>
					    <%--<li><a href="/NEWMainPage.aspx">Logout</a></li>--%>
				</ul>             	
			</li>
            <li><a href="NEWMainPage.aspx">Logout</a>		
			</li>
		</ul>
    </div>

     <div class="row">
        <div class="twelve columns">
            Dear
            <asp:Label ID="lblUsername" runat="server" Font-Bold="True"></asp:Label>
            ,</div>
    </div>

    <div class="row">
        <div class="twelve columns" align="center">
            <h3 class="style3">General Account Particulars</h3>
        </div>
    </div>

    <br />

    <div class="row" style="background-color: #FFCC99">
        
    
        <div class="two columns">
        </div>

        <div class="four columns">

            <h4 class="style4">
                User Account</h4>
            <br />

            <strong><span class="style5">Username:</span> </strong> <br />
            <asp:Label ID="lblName" runat="server"></asp:Label>
            <br />
            <br />

            <span class="style5">

            <strong>E-mail: </strong> </span> <br />
            <asp:Label ID="lblEmail" runat="server"></asp:Label>
                                                         
                                                                     <br />
            <br />

            <strong><span class="style5">Select Occupation: 
            </span> 
            <br />
            </strong>
            <asp:Label ID="lblOccupation" runat="server"></asp:Label>
            <br />

            <asp:Label ID="lblSchool" runat="server" Text="School:" Font-Bold="True" 
                CssClass="style5"></asp:Label>

            &nbsp;<br />
            <asp:Label ID="lblSchoolRetrieve" runat="server"></asp:Label>
            <br />
            <asp:Label ID="lblCompany" runat="server" Text="Company:" Font-Bold="True" 
                CssClass="style5"></asp:Label>
            <br />
            <asp:Label ID="lblCompanyRetrieve" runat="server"></asp:Label>
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />            

        </div>

        <div class="four columns">

            <h4>
                <span class="style4">Personal Particulars           </span>           
                <br class="style2" />
                </h4>

            <br />
            <span class="style5">
            <strong>Salutation:</strong></span>
            <br />
            <asp:Label ID="lblSalutation" runat="server"></asp:Label>
             <asp:Label ID="lblGender" runat="server"></asp:Label>
                  <br />
                  <br />

            <span class="style5">

            <strong>First Name:</strong></span><br />
            <asp:Label ID="lblFirstName" runat="server"></asp:Label>
            <br />
            <br /><span class="style5"><strong>Last Name:</strong></span><br />
            <asp:Label ID="lblLastName" runat="server"></asp:Label>
            <br />
            <br /><strong><span class="style5">NRIC:</span> 
            </strong> 
            <br />
            <asp:Label ID="lblNRIC" runat="server"></asp:Label>
            <br />
            <br />
            <span class="style5">
            <strong>Date of Birth:</strong></span><br />
            <asp:Label ID="lblDOB" runat="server"></asp:Label>
            <br />
            <br />
            <span class="style5">
            <strong>Mobile Number:</strong></span><br />
            <asp:Label ID="lblMobileNo" runat="server"></asp:Label>
            <br />
            <br />
            
        </div>

        <div class="two columns">
         
            <button id="showDialog" type="button" 
                
                style="border-style: none; color: #663300; background-color: #FFCC99; font-weight: bold; width: 126px; text-decoration: underline;" >Delete Account</button>
        </div>
        <asp:Button 
                ID="btnDelete" runat="server"
                Text="DeleteHide" onclick="btnDelete_Click" style="display:none;"/>
    </div>

    <br />

   <div class="row">
        <div class="five columns">
        
        </div>

        <div class="two columns">
        </div>

        <div class="five columns">
        </div>
    </div>

    <br />

   <div class="row">
        <div class="two columns">
        
        </div>

        <div class="four columns">
        </div>  

        <div class="four columns">
        </div>
        

        <div class="two columns">
        </div>
   
   </div>
   <br />
   <br />
    

    <div class="row">
        <div class="twelve columns" align="center">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/school.JPG" />
            <div class="six column"></div>
        </div>
    </div>

    <!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>
    <script src="jquery/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#datepicker').datepicker({
                inline: true
            });
        });
    </script>
    </form>
</body>
</html>